import React from "react";
// 引入styled-components，用于在js里面直接写css
import styled from "styled-components";

const Redp = styled.p`
  color: red;
  font-size: 50px;
`;

const Footer = styled.footer`
  /* color: green; */
  color: ${(props) => props.color};
  font-size: 50px;
`;

const App = () => {
  return (
    <>
      <h2>css-in-js</h2>
      <Redp>hello react!</Redp>
      <Footer color="green">这是底部</Footer>
    </>
  );
};

export default App;
